<svg viewBox='0 0 800 320' class='fm-chart'>
  <style type='text/css'>
  <![CDATA[
  .fm-chart text, .fm-tooltip {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font: 10px sans-serif;
  }

  .fm-chart .axis .stroke {
    stroke: #aaa;
    stroke-width: 1px;
  }

  .fm-chart .axis .tick {
    stroke: #aaa;
    stroke-width: 1px;
  }

  .fm-chart .axis .label, .axis .title {
    fill: #666;
  }

  .fm-chart .axis .label {
    font-size: 10px;
  }

  .fm-chart .axis .title {
    font-size: 10px;
  }

  .fm-chart .chart-title {
    font-size: 12px;
    font-weight: bold;
  }

  .fm-chart .chart-subtitle {
    font-size: 10px;
  }

  .fm-chart text.label {
    fill: #666;
  }

  .fm-chart .legend text {
    font-size: 10px;
    fill: #333;
  }

  .fm-chart .legend text.title {
    fill: #666;
  }

  .fm-chart .line {
    fill: none;
    stroke: #000;
  }

  .fm-chart .area {
    opacity: 0.8;
  }

  .fm-chart .grid .gridline {
    stroke: #ddd;
    stroke-width: 0.02em;
  }

  .fm-chart .bar,
  .fm-chart .point,
  .fm-chart .area {
    fill: #000;
  }

  .fm-chart .bar.color6,
  .fm-chart .point.color6,
  .fm-chart .area.color6 {
    fill: #db843d;
  }

  .fm-chart .lines .line.color6 {
    strok: #db843d;
  }

  .fm-chart .bar.color5,
  .fm-chart .point.color5,
  .fm-chart .area.color5 {
    fill: #3d96ae;
  }

  .fm-chart .lines .line.color5 {
    stroke: #3d96ae;
  }

  .fm-chart .bar.color4,
  .fm-chart .point.color4,
  .fm-chart .area.color4 {
    fill: #80699b;
  }

  .fm-chart .line.color4 {
    stroke: #80699b;
  }

  .fm-chart .bar.color3,
  .fm-chart .point.color3,
  .fm-chart .area.color3 {
    fill: #89a54e;
  }

  .fm-chart .line.color3 {
    stroke: #89a54e;
  }

  .fm-chart .bar.color2,
  .fm-chart .point.color2,
  .fm-chart .area.color2 {
    fill: #aa4643;
  }

  .fm-chart .line.color2 {
    stroke: #aa4643;
  }

  .fm-chart .bar.color1,
  .fm-chart .point.color1,
  .fm-chart .area.color1 {
    fill: #4572a7;
  }

  .fm-chart .line.color1 {
    stroke: #4572a7;
  }

  .fm-chart.bar.vertical .axis.left .stroke,
  .fm-chart.bar.vertical .axis.left .tick,
  .fm-chart.bar.vertical .axis.right .stroke,
  .fm-chart.bar.vertical .axis.right .tick {
    display: none;
  }

  .fm-tooltip {
    text-align: center;
    padding: 5px 7px;
    color: #fff;
    background: #333;
    border-radius: 3px;
    font-size: 13px;
  }
  ]]>
  </style>
  <g class='axis left'>
    <text x='40.000000' y='308.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >-0.30</text>
    <text x='40.000000' y='265.714286' style='text-anchor:end; dominant-baseline:middle;' class='label' >3.64</text>
    <text x='40.000000' y='223.428571' style='text-anchor:end; dominant-baseline:middle;' class='label' >7.59</text>
    <text x='40.000000' y='181.142857' style='text-anchor:end; dominant-baseline:middle;' class='label' >11.5</text>
    <text x='40.000000' y='138.857143' style='text-anchor:end; dominant-baseline:middle;' class='label' >15.5</text>
    <text x='40.000000' y='96.571429' style='text-anchor:end; dominant-baseline:middle;' class='label' >19.4</text>
    <text x='40.000000' y='54.285714' style='text-anchor:end; dominant-baseline:middle;' class='label' >23.4</text>
    <text x='40.000000' y='12.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >27.3</text>
    <line x1='50.000000' y1='308.000000' x2='55.000000' y2='308.000000' class='tick' />
    <line x1='50.000000' y1='265.714286' x2='55.000000' y2='265.714286' class='tick' />
    <line x1='50.000000' y1='223.428571' x2='55.000000' y2='223.428571' class='tick' />
    <line x1='50.000000' y1='181.142857' x2='55.000000' y2='181.142857' class='tick' />
    <line x1='50.000000' y1='138.857143' x2='55.000000' y2='138.857143' class='tick' />
    <line x1='50.000000' y1='96.571429' x2='55.000000' y2='96.571429' class='tick' />
    <line x1='50.000000' y1='54.285714' x2='55.000000' y2='54.285714' class='tick' />
    <line x1='50.000000' y1='12.000000' x2='55.000000' y2='12.000000' class='tick' />
    <line x1='50.000000' y1='12.000000' x2='50.000000' y2='308.000000' class='stroke' />
  </g>
  <g class='lines'>
    <circle cx='775.000000' cy='90.289855' r='0.000000' class='point color1' fm:label='1970-01-01 00:00:00: 20.0' fm:series='series1', style=''></circle>
    <circle cx='694.444444' cy='111.739130' r='0.000000' class='point color1' fm:label='1970-01-01 00:00:00: 18.0' fm:series='series1', style=''></circle>
    <circle cx='613.888889' cy='133.188406' r='0.000000' class='point color1' fm:label='1970-01-01 00:00:00: 16.0' fm:series='series1', style=''></circle>
    <circle cx='533.333333' cy='154.637681' r='0.000000' class='point color1' fm:label='1970-01-01 00:00:00: 14.0' fm:series='series1', style=''></circle>
    <circle cx='452.777778' cy='176.086957' r='0.000000' class='point color1' fm:label='1970-01-01 00:00:00: 12.0' fm:series='series1', style=''></circle>
    <circle cx='372.222222' cy='197.536232' r='0.000000' class='point color1' fm:label='1970-01-01 00:00:00: 10.0' fm:series='series1', style=''></circle>
    <circle cx='291.666667' cy='218.985507' r='0.000000' class='point color1' fm:label='1970-01-01 00:00:00: 8.0' fm:series='series1', style=''></circle>
    <circle cx='211.111111' cy='240.434783' r='0.000000' class='point color1' fm:label='1970-01-01 00:00:00: 6.0' fm:series='series1', style=''></circle>
    <circle cx='130.555556' cy='261.884058' r='0.000000' class='point color1' fm:label='1970-01-01 00:00:00: 4.0' fm:series='series1', style=''></circle>
    <circle cx='50.000000' cy='283.333333' r='0.000000' class='point color1' fm:label='1970-01-01 00:00:00: 2.0' fm:series='series1', style=''></circle>
    <path stroke-width='2.000000' class='line color1' style='' d='M775.000000 90.289855 L694.444444 111.739130 L613.888889 133.188406 L533.333333 154.637681 L452.777778 176.086957 L372.222222 197.536232 L291.666667 218.985507 L211.111111 240.434783 L130.555556 261.884058 L50.000000 283.333333 ' />
    <circle cx='775.000000' cy='36.666667' r='0.000000' class='point color2' fm:label='1970-01-01 00:00:00: 25.0' fm:series='series2', style=''></circle>
    <circle cx='694.444444' cy='58.115942' r='0.000000' class='point color2' fm:label='1970-01-01 00:00:00: 23.0' fm:series='series2', style=''></circle>
    <circle cx='613.888889' cy='79.565217' r='0.000000' class='point color2' fm:label='1970-01-01 00:00:00: 21.0' fm:series='series2', style=''></circle>
    <circle cx='533.333333' cy='101.014493' r='0.000000' class='point color2' fm:label='1970-01-01 00:00:00: 19.0' fm:series='series2', style=''></circle>
    <circle cx='452.777778' cy='122.463768' r='0.000000' class='point color2' fm:label='1970-01-01 00:00:00: 17.0' fm:series='series2', style=''></circle>
    <circle cx='372.222222' cy='143.913043' r='0.000000' class='point color2' fm:label='1970-01-01 00:00:00: 15.0' fm:series='series2', style=''></circle>
    <circle cx='291.666667' cy='165.362319' r='0.000000' class='point color2' fm:label='1970-01-01 00:00:00: 13.0' fm:series='series2', style=''></circle>
    <circle cx='211.111111' cy='186.811594' r='0.000000' class='point color2' fm:label='1970-01-01 00:00:00: 11.0' fm:series='series2', style=''></circle>
    <circle cx='130.555556' cy='208.260870' r='0.000000' class='point color2' fm:label='1970-01-01 00:00:00: 9.0' fm:series='series2', style=''></circle>
    <circle cx='50.000000' cy='229.710145' r='0.000000' class='point color2' fm:label='1970-01-01 00:00:00: 7.0' fm:series='series2', style=''></circle>
    <path stroke-width='2.000000' class='line color2' style='' d='M775.000000 36.666667 L694.444444 58.115942 L613.888889 79.565217 L533.333333 101.014493 L452.777778 122.463768 L372.222222 143.913043 L291.666667 165.362319 L211.111111 186.811594 L130.555556 208.260870 L50.000000 229.710145 ' />
    <circle cx='775.000000' cy='154.637681' r='0.000000' class='point color3' fm:label='1970-01-01 00:00:00: 14.0' fm:series='series3', style=''></circle>
    <circle cx='694.444444' cy='165.362319' r='0.000000' class='point color3' fm:label='1970-01-01 00:00:00: 13.0' fm:series='series3', style=''></circle>
    <circle cx='613.888889' cy='176.086957' r='0.000000' class='point color3' fm:label='1970-01-01 00:00:00: 12.0' fm:series='series3', style=''></circle>
    <circle cx='533.333333' cy='186.811594' r='0.000000' class='point color3' fm:label='1970-01-01 00:00:00: 11.0' fm:series='series3', style=''></circle>
    <circle cx='452.777778' cy='197.536232' r='0.000000' class='point color3' fm:label='1970-01-01 00:00:00: 10.0' fm:series='series3', style=''></circle>
    <circle cx='372.222222' cy='208.260870' r='0.000000' class='point color3' fm:label='1970-01-01 00:00:00: 9.0' fm:series='series3', style=''></circle>
    <circle cx='291.666667' cy='218.985507' r='0.000000' class='point color3' fm:label='1970-01-01 00:00:00: 8.0' fm:series='series3', style=''></circle>
    <circle cx='211.111111' cy='229.710145' r='0.000000' class='point color3' fm:label='1970-01-01 00:00:00: 7.0' fm:series='series3', style=''></circle>
    <circle cx='130.555556' cy='240.434783' r='0.000000' class='point color3' fm:label='1970-01-01 00:00:00: 6.0' fm:series='series3', style=''></circle>
    <circle cx='50.000000' cy='251.159420' r='0.000000' class='point color3' fm:label='1970-01-01 00:00:00: 5.0' fm:series='series3', style=''></circle>
    <path stroke-width='2.000000' class='line color3' style='' d='M775.000000 154.637681 L694.444444 165.362319 L613.888889 176.086957 L533.333333 186.811594 L452.777778 197.536232 L372.222222 208.260870 L291.666667 218.985507 L211.111111 229.710145 L130.555556 240.434783 L50.000000 251.159420 ' />
  </g>
</svg>
